<template>
	<view class="box">

		<view class="kapian_box">
			<view class="top">
				<view class="top_left">{{todolistFrom.Date1}}</view>
				<view class="top_right"><text>{{todolistFrom.Date2}}</text></view>
			</view>
			<view class="bottom">
				<view class="bottom_radio">
				<label class="radio" v-for="(item,index) in todolistFrom.list">
					
					<!-- <view><radio value="change 事件会携带 <radio> 的 value" /><text>{{item.data}}</text></view> -->
						<view><radio :checked="item.state" /><text>{{item.message}}</text></view>
				</label>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	// 模板
	// import Kapianradio from './Kapianradio.vue'
	import {
		mapState,
		mapMutations
	} from 'vuex'
	export default {
		name: "kapianForm",
		computed: {
			...mapState(['todolistFrom'])
		},
		data() {
			return {

			};
		},
		components: {
			// Kapianradio
		}
	}
</script>

<style lang="less">
	.box {
		box-shadow: 5rpx 10rpx 10rpx 10rpx #eee;

		.kapian_box {
			// border: 1px solid #ccc;
			border-radius: 30rpx;
			padding: 20rpx;

			.top {
				display: flex;
				margin: 10rpx 10rpx;

				view {
					margin: 0 10rpx;
				}
			}

			.bottom {
				display: flex;
				flex-direction: column;

				.bottom_radio {
					view{
						letter-spacing:1pt;
						padding: 5rpx 0;
						font-size: 16px; font-weight: 350;
						// 溢出省略号
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
					}
					text{
						padding-left: 10rpx;
						
					}
				}
			}
		}
	}
</style>
